<!DOCTYPE html>
<html>
	<head>
		 <meta name="renderer" content="webkit|ie-comp|ie-stand">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	    <meta charset="utf-8">
	    <title>我的会员</title>
	    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	    <meta http-equiv="Cache-Control" content="no-siteapp">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
	    <meta name="keywords" content="">
	    <meta name="description" content="">
	    
	    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
	    <script src="js/hmt.js" type="text/javascript"></script>
	    <script type="text/javascript" src="js/swipe.js"></script>
	    <script src="js/rem.js"></script>   
	    <link href="iconfont/iconfont.css" rel="stylesheet">
	    <!--<link href="css/mui.min.css" rel="stylesheet">-->
	    <link href="css/all.css" rel="stylesheet">
	    <link rel="stylesheet" href="css/mui.css" />
	    <script type="text/javascript" src="js/mui.js" ></script>
		    
	    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">
	    	$(window).load(function(){
	    		$(".loading").addClass("loader-chanage")
	    		$(".loading").fadeOut(300)
	    	})
	    </script>
	    
	    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
	    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
	    <link rel="stylesheet" type="text/css" href="css/base.css"/>
	    <!--<link rel="stylesheet" type="text/css" href="css/base1.css"/>-->
	    <link rel="stylesheet" type="text/css" href="css/common.css"/>
	    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	    <style type="text/css">
    	.prat{
    		width: 100%;
    		height: 170px;
    		background-image: url(images/1.jpg);
    		background-position: center;
    		background-size:cover;
    	}
    	.index_dl_01{
    		width: 45%; 
    		height: 240px;
    		float: left;
    		margin-left: 3%;
    		background: #E6E6E6;
    		margin-bottom: 5%;
    		border-radius: 10px;
    	}

    	p{
    		color: #EC971F;
    	}
    </style>
	</head>
		<div class="loading">
			<div class="loader">
		        <div class="loader-inner pacman">
		          <div></div>
		          <div></div>
		          <div></div>
		          <div></div>
		          <div></div>
		        </div>
			</div>
		</div>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #0062CC;"></a>
		    <h1 class="mui-title">我的收藏</h1>
		</header>

		<div class="mui-content" style="margin-top: 15%;">
			<section class="self">
				<dl class="index_dl_01">
					<dt><img class="prat" src="images/1.jpg" /> </dt>
					<dd style="margin-top: -15px;">
						<span style="font-size: 15px;">每日推荐</span>
						<p>收藏时间：<span style="color: #B6B6B6;">2018-09-08</span></p>
					</dd>
				</dl>
				<dl  class="index_dl_01">
					<dt><img class="prat" src="images/1.jpg" /> </dt>
					<dd style="margin-top: -15px;">
						<span style="font-size: 15px;">我的产品</span>
						<p>收藏时间：<span style="color: #B6B6B6;">2018-09-08</span></p>
					</dd>
				</dl>
				<dl class="index_dl_01">
					<dt><img class="prat" src="images/1.jpg" /> </dt>
					<dd style="margin-top: -15px;">
						<span style="font-size: 15px;">日常用品</span>
						<p>收藏时间：<span style="color: #B6B6B6;">2018-09-08</span></p>
					</dd>
				</dl>
				<dl class="index_dl_01">
					<dt><img class="prat" src="images/1.jpg" /> </dt>
					<dd style="margin-top: -15px;">
						<span style="font-size: 15px;">其他用品</span>
						<p>收藏时间：<span style="color: #B6B6B6;">2018-09-08</span></p>
					</dd>
				</dl>
			</section>
		</div>
	</body>
<script type="text/javascript" src="js/lz.min.js" ></script>
<script type="text/javascript">
		mui.init({
				pullRefresh: {
					container: '#main',
					down: {
						callback: pulldownRefresh
					},
					up: {
						contentrefresh: '正在加载...',
						callback: pullupRefresh
					}
				}
			});
			function pulldownRefresh() {
				setTimeout(function() {
					mui('#main').pullRefresh().endPulldownToRefresh(); //refresh completed
				}, 1500);
			}
			var count = 0;
			function pullupRefresh() {
				setTimeout(function() {
					mui('#main').pullRefresh().endPullupToRefresh((++count > 2));;
					for (var i = cells.length, len = i + 5; i < len; i++) {
						
					}
				}, 1500);
			}
</script>
</html>